.headerContainer {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-bottom: 20px;
  flex-direction: row-reverse;
}

.headerInner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 68.5%;

  > * {
    height: 100%;
    cursor: pointer;
  }
}

.first {
  flex: 1 0;
  display: flex;
  align-items: center;
}

.second {
  height: 100%;
  flex: 1 0;
  display: flex;
  flex-wrap: row nowrap;
  flex-direction: row-reverse;
}

.userContainer {
  height: 48px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.admname {
  line-height: 40px;
  font-size: 15px;
  margin: 5px;
  color: rgb(252, 252, 252);
}

@media all and (max-width: 700px) {
  .headerInner {
    display: flex;
    align-items: center;
    justify-content: scenter;
    flex-flow: row wrap;
    width: 45%;

    > * {
      flex: 1 100%;
      cursor: pointer;
    }
  }

  .second {
    flex: 1 0;
    order: 2;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}
